
/* ================================================================================================ */

.content { padding-top:1px; background:#f7f7f7; }

/* ================================================================================================ */

.comment { margin:10px; padding:10px; background:#fff; border:1px solid #e5e5e5; }
.comment h3 { font:15px/1em "微软雅黑"; color:#555; border-bottom:1px solid #e5e5e5; padding:5px 0 15px; }

.comment li { position:relative; padding:10px 0; border-bottom:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.comment li:hover { background-color:rgba(0,0,0,0.02); }

.comment li img { position:absolute; width:40px; height:40px; background:#f99; border-radius:50%; border:1px solid #e5e5e5; }

.comment li div { display:block; margin-left:50px; border:0px solid #f00; }
.comment li div p { margin:0; }
.comment li div p.name { font:15px/0.8em "微软雅黑"; color:#333; margin:5px 0 10px; border:0px solid #f00; }
.comment li div p.name .stars { display:inline-block; width:65px; height:13px; margin-left:10px; text-indent:-10000px; vertical-align:bottom; opacity:0.5; border:0px solid #f00; }
.comment li div p.cont { font:12px/1.4em "微软雅黑"; color:#999; }

.comment li div .stars.star1 { background:url(../icons/stars.png) left 0px;   background-size:65px auto; }
.comment li div .stars.star2 { background:url(../icons/stars.png) left -13px; background-size:65px auto; }
.comment li div .stars.star3 { background:url(../icons/stars.png) left -26px; background-size:65px auto; }
.comment li div .stars.star4 { background:url(../icons/stars.png) left -39px; background-size:65px auto; }
.comment li div .stars.star5 { background:url(../icons/stars.png) left -52px; background-size:65px auto; }

/* ================================================================================================ */